<!--

  内容区财务管理
  
-->

<template>
  <div class="contain">
    <el-row >
  
                   <el-button type="primary"
                    plain class="aa"
                    
                     >工资管理</el-button>
                   <el-button type="success" plain>提成管理</el-button>
                   <el-button type="info" plain>资产增加</el-button>
                   <el-button type="warning" plain>资产减少</el-button>
                   <el-button type="danger" plain>计提折旧</el-button>
                   <el-button type="warning" plain>资产变更</el-button>
                   <el-button type="danger" plain>资产减值</el-button>
 </el-row>
 <div class="tu">
            <img   class="t1" src="../../assets/green/four-gray.png" />
            <img class="t2" src="../../assets/green/14.png" />
            <img class="t3" src="../../assets/green/four-black.png" />
            <img class="t2 t22" src="../../assets/green/14.png" />
            <img class="t4" src="../../assets/green/11.png" />
            <img class="t5 " src="../../assets/green/four-black.png" />
            <img class="t6" src="../../assets/green/four-gray.png" />
              <img class="t7" src="../../assets/green/10.png" />
            <img class="t8" src="../../assets/green/9.png" />
             <img class="t5 t55" src="../../assets/green/four-green.png" />

        <Fontsize title="凭证录入" distance="17%" km="44%"/>
    <Fontsize title="凭证审核" distance="37.8%" km="44%"/>
    <Fontsize title="凭证记账" distance="61.5%" km="22.5%"/>
    <Fontsize title="结转损益" distance="61.5%" km="67%"/>
    <Fontsize title="期末结转" distance="84%" km="44%"/>
    </div>
    </div>
</template>

<script>
import Fontsize from '../Fontsize'
export default {
    components:{
        Fontsize
    }
}
</script>

<style lang="scss" scoped>
    .contain{
        height: 100%;
    }
    .aa{
        margin-left:60px
    }
  .el-button{
       margin-top: 20px;
    color: #b0b0b0;
    background: #5a5a5a;
    border-color: #5a5a5a;
        transition: 1.1s;
   }
   .tu{
    position: relative;
    height: 88%;
    width: 68%;
    }
    .t1{
   position: absolute;
    top: 37%;
    left: 14%;
   height: 25.216%;
    width: 14.891%;
    cursor: pointer;
    }
    .t2{
   position: absolute;
    top: 47.5%;
    left: 30%;
    height: 1%;
    width: 3.18%;
    }
     .t3{
    position: absolute;
    top: 37%;
    left: 34.5%;
    height: 25.216%;
    width: 14.891%;
    cursor: pointer;
    }
    .t22{
       left: 50.5%;
    }
    .t4{
        position: absolute;
    top: 26%;
    left: 53.5%;
    height: 45.68%;
    width: 3.91%;
    }
    .t5{
        position: absolute;
    top: 15.5%;
    left: 58.5%;
   height: 25.216%;
    width: 14.891%;
    cursor: pointer;
    }
    .t6{
    position: absolute;
    top: 59.5%;
    left: 58.5%;
    height: 25.216%;
    width: 14.891%;
    cursor: pointer;
    }
    .t7{
     position: absolute;
        top: 25.5%;
    left: 73.5%;
    height: 23.48%;
    width: 6.72%;
    }
    .t8{
    position: absolute;
    top: 48.5%;
    left: 73.5%;
    height: 23.48%;
    width: 6.72%;
    }
    .t55{
     left: 80.65%;
    top: 37%;
   height: 25.216%;
    width: 14.891%;
    cursor: pointer;
    }

</style>
